$('.choose-img').click(function () {
    $('.file').click()
})

const $avatar = $('.avatar')
const options = {
    aspectRatio: 1,
    preview: '.img-preview'
}

$avatar.cropper(options)

$('.file').change(function () {
    // 把新图片展示到img中
    // 判断用户是否选择了文件
    if (this.files.length === 0) return
    // 获取文件
    // 获取文件路径
    const imgSrc = URL.createObjectURL(this.files[0])

    $avatar
        // 把路径放到img src 上
        .attr('src', imgSrc)
        // 销毁已存在的cropper
        .cropper('destroy')
        // 重新调用  cropper
        .cropper(options)

})

$('.uplaod').click(function(){
    const base64 =$avatar

    .cropper('getCroppedCanvas',{
        width:100,
        height:100
    })
    .toDataURL('image/png')

    $.ajax({
        url:'/my/update/avatar',
        method:'PATCH',
        data:{
            avatar:base64
        },
        success:function(res){
            if(res.code===0){
                window.parent.getUserInfo()
            }
            layui.layer.msg(res.message)
        }
    })
})